import React, {Component} from 'react'
import {RecommeWarrper,RecommedItem} from '../style'
import {connect} from "react-redux";
class Recommed extends Component{
    render(){
        const {recommedList} = this.props;
        return(
            <RecommeWarrper>
                {recommedList.map((item)=>{
                    return (
                        <RecommedItem imgurl={item.get('urlImage')}  key={item.get('id')}/>
                    )
                })}

            </RecommeWarrper>
        )
    }
}
const mapState=(state)=>({
    recommedList:state.get('home').get('recommedList')
});
export default connect(mapState,null)(Recommed)